extends ../layout

block style

block prevScript
    script(src="/javascripts/imageHandle/convolutionMatrix.js")

block content
    canvas#c
    div
        button#Original 原图
        div
            button#weightingGrayscale 加权灰度化
            button#rWeightGrayscale R分量灰度化
            button#gWeightGrayscale G分量灰度化
            button#bWeightGrayscale B分量灰度化
            button#maxWeightGrayscale 最大值灰度化
            button#avgGrayscale 平均值灰度化
        button#rotate 旋转
        button#anticolor 反色
        div
            button#avgTwoValue 全局二值化（固定阈值）
            button#allTwoValue 全局二值化（均值阈值）
            button#crossTwoValue 自适应二值化
        div
            label 亮度
            input(type="range" min="-255" max="255" defaultvalue="0" step="1")#brightness
        div
            label 饱和度
            input(type="range" min="0" max="100" defaultvalue="50" step="1")#saturation
        div
            label 对比度
            input(type="range" min="-100" max="100" defaultvalue="0" step="1")#contrastRatio
        div
            button#simple-expand 简单膨胀算法
            button#simple-corrosion 简单腐蚀算法
            button#simple-blur 简单的模糊算法
            button#custom-algorithm 自定义算法1
        hr
        div 卷积处理
            div
                label 卷积矩阵
                input(type="text")#convolution-matrix
            div
                label 除数
                input(type="number" min="0.01" step="0.01" defaultvalue="1")#convolution-divisor
            div
                label 颜色偏移量
                input(type="range" min="0" max="255" step="1" defaultvalue="0")#convolution-offset
                span#convolution-offset-text
            div
                button#start-convolution 计算
            div
                button#convolution-sharpening 锐化
                button#convolution-relief 浮雕
                button#convolution-edge-enhance 边缘增强
                button#convolution-edge-detection 边缘检测
                button#sobel-edge-detection-h 索贝尔边缘检测-横向
                button#sobel-edge-detection-v 索贝尔边缘检测-纵向
    script(src="/javascripts/imageHandle/index.js")